<template>
    <div class="buttonModule">
        <img src="..\assets\盾牌安全保障.png" alt="交易安全">
        <span>注重用户的交易安全<br/>保障用户的消费权益</span>
    </div>
    <div class="buttonModule">
        <img src="..\assets\回购购进回收.png" alt="回收服务">
        <span>专注闲置品购置服务<br/>提供用户优质的服务</span>
    </div>
    <div class="buttonModule">
        <img src="..\assets\身份证证件.png" alt="身份验证">
        <span>实现身份信息认证<br/>推动绿色线上交易安全</span>
    </div>
</template>

<style>
.personButtomModule {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 12vh;
  background-color: #3f3f3f;
}

.buttonModule {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-inline: 2%;
    width: 20%;
    height: 40%;
}

.buttonModule span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: 10px;
    font-family: '楷体';
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
</style>